iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 1
1
Modern Web

CSS Flexbox 從入門到進階系列 第 1

CSS Flexbox 從入門到進階 - 系列簡介及一些前言

  • 分享至 

  • xImage
  •  

CSS Flexbox 已經出來好一陣子了,我從一開始的聽到,直到開始使用,真的是覺得這個東西是 CSS 最近的改變中最重要的模組之一,它的語法簡單、減輕支援RWD的痛苦,相信在不久的將來(當瀏覽器支援度夠的時候)就會取代Float成為最主要的排版方式。

所以接下來的這個系列文章中(鐵人賽),我會盡力的來跟大家說明怎樣來使用Flexbox, 我原本是想要按鐵人賽的方式,每天發文來完成這個系列,但是剛好這陣子工作上比較忙,專案的完成時限就在年底,所以在考量很多因素之後,決定按照我自己可以接受的時間,每天花點時間來寫,但是可能沒辦法每天都有一篇文章。

這整個系列其實到現在我還沒有完整的大綱冏… 但是我現在心中所想像的大綱大概是像下面:

  • Flex container 介紹
  • Flex item 介紹
  • 使用 Flex 來解決一些常見的排版問題
  • 實作 Flex 小專案
  • Flex 現有的 bugs
  • Flex 瀏覽器支援

另外這系列的文章我也同步放在GitHub上面,我個人還是比較習慣在 GitHub 上編輯,在編輯後再更新到這裡。你如果想知道我為什麼要寫這一系列的文章,你也可以看一下在我 GitHub 上的簡介。
好了,廢話不多說了XD,下一篇文章我們就開始介紹 Flex container 啦!


系列文
CSS Flexbox 從入門到進階1
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言